<template>
  <div class="userbox">
    <img src="./../assets/logo.png" class="avatar" alt="">
    <span>登录</span>
    <span>注册</span>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
@import '@/lib/reset.scss';
.userbox {
  @include rect(80%, 150px);
  @include margin(10px auto);
  @include background-color(#ccc);
  @include flexbox();
  @include justify-content();
  @include align-items();
  .avatar {
    @include rect(80px, 80px);
    @include border(1px,#333333,solid);
    @include margin(0 15px 0 0);
  }
  span{
    @include background-color(#fff);
    @include padding(5px 15px);
    @include margin(0 0 0 15px);
  }
}
</style>
